<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>QQ</title>
	<meta name="title" content="jQuery One Page Scroll by Pete R. | The Pete Design" />
	<meta name="description" content="Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin" />
	<script type="text/javascript" src="jquery-1.9.1.js"></script>
  <script type="text/javascript" src="jquery.onepage-scroll.js"></script>
  <link href='onepage-scroll.css' rel='stylesheet' type='text/css'>
  <meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, minimum-scale=1, user-scalable=no">
  <link rel="stylesheet" href="images/style.css">
	<script>
	  $(document).ready(function(){
      $(".main").onepage_scroll({
        sectionContainer: "section",
        responsiveFallback: 600,
        loop: true
      });
		});
		
	</script>
</head>
<body>
   <!-- 底部信息 100%width -->
		<div id="bottomcontent">
			<div class="p1leftcont">&copy; 2015  Tencent</div>
			<div class="p1rightcont"><a href="">2.0 版官网</a> | <a href="">历史版本下载</a> | <a href="">PC 版</a> | <a href="">论坛</a> | <a href="">微博</a></div>
		</div>
		<!-- 底部信息 100%width -->
  <div class="wrapper">
	  <div class="main">
 <!-- 第一页开始 -->
      <section class="page1">
<!-- 第一页内容开始 --> 
        <div class="page_container">

        <!-- 第一页logo区开始 -->
         <div class="logoad"><img src="images/newlogo.png" alt="QQ浏览器" width="372"><input type="button" value="立即下载"><div class="downabout"><p>正式版<br/>支持OS X 7.1+</p></div></div>
         <!-- 第一页logo区结束 -->
         <!-- 3d动画开始 -->
         <div class="layer">
          <div class="layer_one"></div>          
         <div class="layer_two">更美的浏览器</div>
           <div class="layer_three">大进步 ！通透明亮的界面+7款崭新的皮肤</div>
           <div class="whirl"></div>
  	    </div>
<!-- 3d动画结束-->
  	   
  	    </div><!-- 第一页主题被包内容结束 -->

  	 </section>
<!-- 第一页结束 -->
<!-- 第二页开始 -->
	    <section class="page2">
	     <div class="line"></div>
	      <div class="page_container">
	     
	      <div class="light">
	      	
	      </div>
       		<div id="content">
       			<div class="tit"><p>支持Chromium V40 稳定版<br/>
Mac平台独家支持网址云安全检测</p></div>
       			<div class="cont"></div>
       			<div id="page2_r_1"></div>
            <!-- 转动的圆 第一个 -->
       			<div id="page2_r_2"></div>
            <!-- 转动的圆 第二个 -->
       			<div id="page2_r_3"></div>
             <!-- 转动的圆 第三个 -->
       			<div id="page2_r_4"></div>
       		</div>
	      </div>
      </section>
<!-- 第二页结束 -->
<!-- 第三页开始 -->
	    <section class="page3">
	      <div class="page_container">
          <div class="maingbg"><img src="images/page2_glowlogo.png" alt=""></div>
          <div class="maingbg_2"><img src="images/page2_title.png" alt=""></div>
          <!-- 第一个圆 -->
         	<div class="pg3_round_1">
         	<figure>
          <!-- 圆上图片 -->
         	<div class="pg3_round_img1"></div>
         	</figure>
         	</div>
          <!-- 第二个圆 -->
         	<div class="pg3_round_2"></div>
          <!-- 第三个圆 -->
         	<div class="pg3_round_3"></div>
  	    </div>
      </section>
<!-- 第三页结束 -->
<!-- 第四页开始 -->
      	    <section class="page4">
      	    <div class="line_1"></div>
      	    <div class="light_1"></div>
      	    <div class="line_2"></div>
      	    <div class="light_2"></div>

	      <div class="page_container">

          <div class="pg4_tit"><br/>BT/ eMule / 旋风文件一键下载</div>
          <!-- 最内层带绿色圈 -->
          <div class="pg4_r1"></div>
          <!-- 指针  带圈-->
          <div class="pg4_r2"></div>
          <!-- 外部扫描线 -->
        <div class="pg4_r3"></div>
        <!-- 内层箭头 -->
            <div class="pg4_r4"></div>
			<!-- 刻度线 -->
          <div class="pg4_r5"></div>
          <div class="pg4_down"></div>
  	    </div>
      </section>
<!-- 第四页结束 -->
<!-- 第五页开始 -->
<section class="page5">
 <div class="page_container">
 <div class="right_5"><img src="images/page4_title.png"></div>
  <div class="left_top_1"><img src="images/page4_icon_2.png" alt=""></div>
  <div class="centercont"><img src="images/page4_icon_1.png" alt=""></div>
  <div class="right_1"><img src="images/page4_icon_5.png" alt=""></div>
  <div class="right_2"><img src="images/page4_icon_6.png"></div>
  <div class="right_3"><img src="images/page4_icon_3.png"></div>
  <!-- <div class="right_4"><img src="" alt=""></div> -->
  
  <div></div>
  </div>
</section>
<!-- 第五页结束 -->

    </div>
    
  </div>
</body>
</html>